<template>
	<view class="content">
		 <view>
		 	<scroll-view scroll-y class="scrollPage">
		 		<view class="UCenter-bg" style="background-image:url(http://qixing.kenleader.com/my.png);">
		 			<image src="/static/logo.png" class="png round" mode="widthFix"></image>
		 			<!-- <view class="text-xl margin-top">
		 				JomoUniapp
		 				<text class="text-df margin-left-xs">v2.0</text>
		 			</view> -->
		 			<view class="margin-top-sm"><text>lzm</text></view>
		 			<image src="/static/ys_wave.gif" mode="scaleToFill" class="gif-wave"></image>
		 		</view>
		 		 
		 		<view class="cu-list menu card-menu margin-top-xl margin-bottom-xl shadow-lg radius">
		 			 
		 		</view>
				<view class="margin-top-xl" style="height: 3rem;">
					
				</view>
				 <u-cell-group>
				 	<u-cell
				 	    title="已打卡路线"
				 	    isLink
				 	    url="/pages/componentsB/tag/tag"
				 	></u-cell>
				 	<u-cell
				 	    title="已报名活动"
				 	    isLink
				 	    url="/pages/componentsB/badge/badge"
				 	></u-cell>
					<u-cell
					    title="我的徽章"
					    isLink
					    url="/pages/componentsB/badge/badge"
					></u-cell>
					<u-cell
					    title="已收藏动态"
					    isLink
					    url="/pages/componentsB/badge/badge"
					></u-cell>
					<u-cell
					    title="已收藏路线"
					    isLink
					    url="/pages/componentsB/badge/badge"
					></u-cell>
					<u-cell
					    title="服务协议"
					    isLink
					    url="/pages/componentsB/badge/badge"
					></u-cell> 
				 </u-cell-group>
		 		<view class="cu-tabbar-height"></view>
		 	</scroll-view>
		 </view>

 
	</view>
</template>

<script>
	export default {
		data() {
			return {
				index: 0,
				current: 0,
				currentNum: 0,
				sexList: [
					{
						name: '男',
						userSex: 1
					},
					{
						name: '女',
						userSex: 2
					},
					{
						name: '保密',
						userSex: 0
					}
				],
			}
		},
		onLoad() {

		},
		methods: {
			change(e) {
				// console.log('change', e);
			},
			click(e) {
				console.log('click', e);
			}
		},
	}
</script>


<style lang="scss">
	@import 'index.scss';
.round {
    border-radius: 2500px;
}
	.indicator {
		@include flex(row);
		justify-content: center;

		&__dot {
			height: 6px;
			width: 6px;
			border-radius: 100px;
			background-color: rgba(255, 255, 255, 0.35);
			margin: 0 5px;
			transition: background-color 0.3s;

			&--active {
				background-color: #ffffff;
			}
		}
	}

	.indicator-num {
		padding: 2px 0;
		background-color: rgba(0, 0, 0, 0.35);
		border-radius: 100px;
		width: 35px;
		@include flex;
		justify-content: center;

		&__text {
			color: #FFFFFF;
			font-size: 12px;
		}
	}
</style>